<template>
  <div>
    <img v-for="img in imageList" v-lazy="img"  style="width: 80%;" />
  </div>
</template>

<script>

export default {
  name: "SelfPage3",
  data() {
    return {
      imageList: [
        'https://img01.yzcdn.cn/vant/apple-1.jpg',
        'https://img01.yzcdn.cn/vant/apple-2.jpg',
        'https://img01.yzcdn.cn/vant/apple-3.jpg',
        'https://img01.yzcdn.cn/vant/apple-4.jpg',
        'https://img01.yzcdn.cn/vant/apple-5.jpg',
        'https://img01.yzcdn.cn/vant/apple-6.jpg',
        'https://img01.yzcdn.cn/vant/apple-7.jpg',
        'https://img01.yzcdn.cn/vant/apple-8.jpg',
      ],
    };
  },
}
</script>

<style scoped>
div{
  text-align: center;
}
</style>